<template>
	<div>
		<p>{{ value }}</p>
		<el-transfer filterable filter-placeholder="请输入城市拼音" v-model="value" :data="data"></el-transfer>
	</div>
</template>

<script>
export default {
	data() {
		const generateData = () => {
			const data = [];
			for (let i = 1; i <= 15; i++) {
				data.push({
					key: i,
					label: `备选项 ${i}`,
					disabled: i % 4 === 0,
				});
			}
			return data;
		};
		return {
			data: generateData(),
			value: [1, 4],
		};
	},
};
</script>

<style lang="scss" scoped></style>
